<!DOCTYPE html>

<html>

<head>
	<title>Search the Library</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="lib.css">
	<!-- class names for divs reflect new elements in the HTML5 spec -->
</head>

<body>

<div class="header">
	<div class="hgroup logo">
		<h1>Rwanda Education Commons</h1>
		<h2>An alliance to expand and improve education using ICTs</h2>
	</div><!-- .hgroup -->
	<form class="authentication">
		<label for="un">Email</label>
		<input type="text" name="un" id="un" />

		<label for="pw">Password</label>
		<input type="password" name="pw" id="pw" />
		
		<input type="submit" value="Sign in" />
		<p>Don't have an email or password?
			<a href="reg02.html">Join the community</a>
		</p>
	</form>
	<ul class="authentication hidden">
		<li>Welcome!</li>
		<li><a href="#" onclick="alert('This would provide you with information about your account.');">View profile</a></li>
		<li><a href="#" onclick="alert('This would sign you out.');">Sign out</a></li>
	</ul>
	
	<div class="nav persistent">
	<ul>
		<li class="">
			<a href="index.html">Home</a>
		</li>
		<li class="">
			<a href="dis01.html">Discussions</a>
		</li>
		<li class="current">
			<a href="lib01.html">Library</a>
		</li>
		<li class="">
			<a href="news01.html">News</a>
		</li>
		<li class="">
			<a href="about01.html">About Us</a>
		</li>
	</ul>
	</div><!-- .nav -->
	
</div><!-- .header -->

<div class="section content">

	<div class="section main">

	<h1 class="inline">Search Results</h1>
	
	<form class="inline">
		<label for="lib_grade">Grade level:</label>
		<select id="lib_grade">
			<option value="all">All</option>
			<option value="pall">Primary - all</option>
			<option value="p1">P1</option>
			<option value="p2">P2</option>
			<option value="p3">P3</option>
			<option value="p4">P4</option>
			<option value="p5">P5</option>
			<option value="p6">P6</option>
			<option value="sall">Secondary - all</option>
			<option value="s1">S1</option>
			<option value="s2">S2</option>
			<option value="s3">S3</option>
			<option value="s4">S4</option>
			<option value="s5">S5</option>
			<option value="s6">S6</option>
		</select>
	</form>

	<div class="listing">
		<p>Oops, search does not work yet!</p>
	</div>
	
	</div><!-- .section -->
	
	<div class="nav sidebar">
	<ul>
		<li>
			<form class="current" method="get" action="lib03.html">
				<input type="search" id="lib_search"/>
				<input type="submit" value="Search"/>
			</form>
		</li>
		<li>
			<a href="lib01.html">Library Home</a>s
		</li>
		<li>
			<dl>
				<dt>Curriculum</dt>
				<dd>
					<ul>
						<li><a href="lib02.html">Biology</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Chemistry</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Computer science</a></li>
						<li><a href="lib02_english.html">English</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">French</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Geography</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">History</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Literature</a></li>
						<li><a href="lib02_math.html">Mathematics</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Physics</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Political science</a></li>
						<li><a href="#" onclick="alert('This would take you to a different section.');">Religious studies</a></li>
					</ul>
				</dd>
			<dt>Professional development</dt>
			<dd>
				<ul>
					<li><a href="#">Classroom management</a></li>
					<li><a href="#">Teaching methods</a></li>
					<li><a href="#">Ethics</a></li>
				</ul>
			</dd>
			<dt>Issues in education</dt>
			<dd>
				<ul>
					<li><a href="#">Girls education</a></li>
					<li><a href="#">ICT in education</a></li>
					<li><a href="#">Rural education</a></li>
				</ul>
			</dd>
			</dl>
		</li>
	</ul>
	</div><!-- .nav -->
	
</div><!-- .section -->

